<template>
	<!-- 轮播图 -->
	<mt-swipe :auto="4000">
		<!--   <mt-swipe-item>1</mt-swipe-item>   -->
		<!-- 轮播图动态渲染 -->
		<mt-swipe-item v-for="item in imgs">
			<img v-bind:src="item.img" alt="" />
		</mt-swipe-item>
	</mt-swipe>
	
</template>

<script>
	export default {
		props: ['imgs']
	}
</script>

<style scoped>
	.mint-swipe {
		height: 58vw;
	}
	.mint-swipe-item {
		width: 100%;
		height: 100%;
		background-color: #f00;
	}
	.mint-swipe-item img {
		width: 100%;
	}
</style>